@charset "UTF-8";

/**
 账号中心售后模块
*/

#account-return {
    margin-top: 46px;
    @media (min-width: 1200px) {
        width: 1336px;
        transform: translateX(68px);
        .col-sm-3{
            width: 14.4%;
        }
        .col-sm-9{
            width: 85.6%;
        }
    }
    //用于作为表格行之间的间距
    .blank-tr {
        height: 14px;
    }
    // 售后列表样式
    .return-list-container {
        padding-bottom: 180px;
        @media (min-width: 768px) {
            width: 1000px;
        }
        .return-list {
            margin-top: 34px;
            border-color: transparent;
            thead {
                height: 40px;
                background: rgba(246, 246, 246, 1);
                opacity: 1;
                td {
                    font-size: 14px;
                    font-weight: bold;
                    border: none;
                }
            }
            tbody {
                tr {
                    font-size: 14px;
                    &:not(.blank-tr) {
                        & > td {
                            padding-top: 20px;
                            padding-bottom: 20px;
                            &:first-child {
                                max-width: 340px;
                            }
                            &:not(:first-child) {
                                border-left: none;
                            }
                            .return-btn {
                                vertical-align: top;
                                display: inline-block;
                                padding: 0 20px;
                                height: 40px;
                                line-height: 40px;
                                color: #333;
                                border: 1px solid rgba(219, 219, 219, 1);
                                background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
                            }
                            .product-container {
                                display: table;
                                & > div {
                                    display: table-cell;
                                    vertical-align: top;
                                }
                                .product-image {
                                    width: 100px;
                                    height: 100px;
                                    overflow: hidden;
                                    font-size: 0;
                                    img {
                                        width: 100%;
                                        height: 100%;
                                    }
                                }
                                .product-attr {
                                    padding-top: 6px;
                                    padding-left: 14px;
                                    p {
                                        display: -webkit-box;
                                        height: 38px;
                                        -webkit-line-clamp: 2;
                                        -webkit-box-orient: vertical;
                                        overflow-y: hidden;
                                    }
                                    & > a{
                                        color: #333;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .no-items {
        & > img {
            width: 162px;
            height: 162px;
        }
        span {
            margin-top: 14px;
            font-size: 18px;
        }
    }
    // 售后详情样式
    .return-info {
        color: #333;
        & > h1 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 34px;
        }
        .info-title {
            padding: 0 0 8px 10px;
            margin-bottom: 14px;
            font-weight: bold;
            border-bottom: 1px solid #E6E6E6;
        }
        .detail-info {
            font-size: 14px;
            color: #333;
            margin-bottom: 20px;
            .detail-container {
                .info-list {
                    display: flex;
                    flex-wrap: wrap;
                    width: 500px;
                    & > div {
                        width: 50%;
                        margin-bottom: 12px;
                    }
                }
            }
        }
        .product-info {
            margin-bottom: 34px;
            .product-container {
                display: flex;
                width: 100%;
                & > div {
                    margin-right: 70px;
                    &.product-image {
                        width: 90px;
                        height: 90px;
                        margin-right: 24px;
                        font-size: 0;
                        overflow: hidden;
                        background-color: #f0f0f0;
                    }
                    &.product-title {
                        display: -webkit-box;
                        width: 230px;
                        height: 38px;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow-y: hidden;
                        & > a{
                            color: #333;
                        }
                    }
                }
            }
        }

        .has_padding-left {
            padding-left: 10px;
        }

        .return-type,
        .return-reason,
        .return-parcel,
        .return-history {
            margin-bottom: 34px;
        }

        .return-history-list {
            thead {
                tr {
                    td {
                        padding: 6px 10px;
                    }
                }
            }
            tbody {
                tr {
                    td {
                        padding: 15px 10px;
                    }
                }
            }
        }
    }

    .account-return-list{
        .no-items{
            margin-left: -140px;
        }
    }
}